<!--  -->
<template>
  <!-- 导航栏 -->
  <div class="bigbox">
    <slideshow></slideshow>
    <Title cn="progects" en="项目"></Title>
    <!-- 产品介绍 -->
    <Product></Product>
    <Title cn="about" en="关于"></Title>
    <!-- 关于我们 -->
    <aboutus></aboutus>
  </div>
</template>

<script setup lang='js'>
import { ref, reactive } from 'vue'
import Product from "@/components/children/product.vue";
import Title from '@/components/children/title.vue'
import slideshow from '@/components/children/slideshow.vue'
import aboutus from '@/components/children/aboutus.vue'
</script>

<style  scoped>
.imgofpeo {
  width: 130px;
  height: 190px;
  margin-left: 3vw;
  overflow: hidden;
  margin-top: 14px;
  box-shadow: 3px 3px 4px 3px rgba(233, 230, 230, 0.1);
}

.imgofpeorig {
  width: 58vw;
}

.imgofpeorig p {
  font-size: 14px;
  line-height: 22px;
}

.imgofpeorig p strong {
  font-size: 18px;
}

.imgofpeorig p span {
  font-size: 15px;
}


.listdata {
  width: 100%;
  display: flex;
  justify-content: space-between;
}


.bigbox {
  width: 100vw;
  overflow: hidden;
}

nav {
  width: 100%;
  height: 60px;
  background-color: rgb(255, 255, 255);
}

nav h1 {
  text-align: center;
  line-height: 60px;
}

.lunbbox {
  width: 100%;
  height: 260px;
  overflow: hidden;
}

.advlist {
  width: 100%;
}
</style>
